<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Hover</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <figure class="snip1566">
        <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sq-sample14.jpg" alt="sq-sample14">
        <figcaption><i class="ion-android-add"></i></figcaption>
        <a href="#"></a>
    </figure>
    <figure class="snip1566"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sq-sample17.jpg" alt="sq-sample17" />
        <figcaption><i class="ion-android-open"></i></figcaption>
        <a href="#"></a>
      </figure>
      <figure class="snip1566"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sq-sample19.jpg" alt="sq-sample19" />
        <figcaption><i class="ion-android-star-outline"></i></figcaption>
        <a href="#"></a>
      </figure>
      <figure class="snip1566"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sq-sample20.jpg" alt="sq-sample20" />
        <figcaption><i class="ion-android-stopwatch"></i></figcaption>
        <a href="#"></a>
      </figure>
</body>
</html>